<template>
  <div class="app-home">
    <Header></Header>
    <div class="app-body">
      <transition name="el-fade-in" mode="out-in">
        <keep-alive>
          <router-view v-if="$route.meta.keepAlive"></router-view>
        </keep-alive>
      </transition>
      <transition name="el-fade-in" mode="out-in">
        <router-view v-if="!$route.meta.keepAlive"></router-view>
      </transition>
    </div>
  </div>
</template>

<script>
import Header from "../components/header";

export default {
  components: {
    Header,
  },
};
</script>

<style lang="less" scoped>
/deep/ .el-table__body-wrapper {
  height: calc(100% - 48px) !important;
}
/deep/ .el-table__body {
  width: 100% !important;
}
.app-home {
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  background: url("~@img/public/bg-zsjsc-img.png");
}
.app-body {
  width: 100%;
  height: calc(100% - 120px);
  overflow: hidden;
}
/deep/ input:-internal-autofill-previewed,
/deep/ input:-internal-autofill-selected {
  -webkit-text-fill-color: #ffffff !important;
  transition: background-color 0.01s ease-in-out 0s !important;
  caret-color: #fff;
}
</style>
